page {
  background-color: #f7f7f7;
}

.container{
	width: 100%;
	background-color: #f7f7f7;
	swiper{
		height: 700rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.title {
		background: #FFFFFF;
		padding: 10px;
		.price {
			font-size: 35rpx;
			color: #c20000;
			height: 40;
			line-height: 40rpx;
			font-weight: bold;
			text:nth-child(2){
				color: #ccc;
				font-weight: normal;
				font-size: 28rpx;
				margin-left: 20rpx;
				text-decoration: line-through;
			}
		}
		.goods-name{
			font-size: 32rpx;
			// font-weight: bolder;
			height: 50;
			line-height: 50rpx;
		}
	}
	
	.details {
		background: #FFFFFF;
		margin: 10rpx;
		padding: 10rpx;
		// border: 1rpx solid #000000;
		border-radius: 20rpx;
		.tit{
			font-size: 32rpx;
			border-bottom: 1px solid #eee;
			line-height: 70rpx;
		}
		.description {
			padding: 10px 10px 10px 0rpx;
			font-size: 28rpx;
			color: #353535;
			line-height: 50rpx;
		}
		.contact-way{
			margin-top: 20rpx;
			font-size: 28rpx;
			.way{
				height: 40rpx;
				line-height: 40rpx;
				text{
					margin-right: 20rpx;
				}
			}
			
		}
		.time{
			margin-top: 20rpx;
			font-size: 25rpx;
			text-align: right;
		}
	}
	.user-info {
		background: #FFFFFF;
		display: flex;
		justify-content: space-between;
		width: 100%;
		.avatar{
			margin: 20rpx;
		}
		.info {
			padding: 10px;
			font-size: 28rpx;
			.name{
				font-weight:bold;
				margin: 10rpx auto;
			}
			.remark{
				font-size: 24rpx;
				overflow: hidden;
				height: 30rpx;
				line-height: 30rpx;
			}
		}
	}
	.bottom{
		height: 100rpx;
		margin-top: 10rpx;
		background-color: #FFFFFF;
	}
	.goods_nav {
		position: fixed;
		bottom:0;
		width: 100%;
	}
}
